<style>
	#box{
		width:1010px;		
		margin: 0 auto;
		padding-bottom: 100px;
	}
	.searchBox{
		width: 1002px;
		height:80px;
		border: 4px solid #eee;
	}
	.searchBox>p{
		line-height:80px;
	}
	.searchBox>p>span{
		margin-left:25px;
	}
	.searchBox>p span:nth-of-type(1)>input{
		width:70px;
	}
	.searchBox>p span:nth-of-type(2)>input{
		width:80px;
	}
	.searchBox>p span:nth-of-type(3)>input{
		width:80px;
	}
	.searchBox>p span:nth-of-type(4)>input{
		width:90px;
	}
	.searchBox>p span:nth-of-type(5)>input{
		width:70px;
	}
	.main>table{
		margin-top:10px;
		width:1010px;
		border:1px solid #cdcdcd;
	}
	td,th{
		border-bottom:1px solid #cdcdcd;
	}
	.main>table th{
		height:40px;
		background:#e4e4e4;
	}
	.main>table td{
		height:50px;
	}
	.explain{
		width:1010px;		
		margin-top:10px;
		overflow:hidden;
	}
	.explain>ul{
		float:left;		
	}
	.explain>ul li{
		width:498px;
		height:98px;
		border:1px solid #cdcdcd;
		margin-top:10px;
	}
	.explain>ul li>div{
		float:right;
		width:370px;
		height:70px;
		margin:15px;		
		align-items:center;
		display:flex;
		
	}
	.explain>ul li>div>p>span{
		display:inline-block;
		min-height:0px;
		max-height:50px;
		overflow-y:auto;
	}
	.explain .ulRight{
		margin-left:10px;
		
	}
	
</style>
<div id="box">
	<p class="title">国内退改签政策查询</p>
	<div class="searchBox">
		<p>
			<span>航空公司（二字码）: <input ng-model="postData.airCompany" type="text"/></span>
			<span>出发 : <input ng-model="postData.fromAirport" type="text"/></span>
			<span>到达 : <input ng-model="postData.toAirport" type="text"/></span>
			<span>出发日期: <input ng-model="postData.fromDate" type="text" onClick="WdatePicker({onpicked: function(){$(this).trigger('change')}})" /></span>
			<span>舱位: <input type="text" ng-model="postData.cabinInfo"/></span>
			<span><button ng-click="query()" class="query">查询</button></span>
		</p>
	</div>
	<div class="main">
		<table>
			<tr>
				<th>航空公司</th>
				<th>适用舱位</th>
				<th>低开</th>
				<th>航程类型</th>
				<th>适用乘客类型</th>
				<th>时间段</th>
			</tr>
			<tr ng-repeat="mess in endorsementRule">
				<td>{{mess.airCompany}}</td>
				<td>{{mess.availableCabin}}</td>
				<td>{{mess.lowOpen|lowOpen}}</td>
				<td>{{mess.rangeType}}</td>
				<td>{{mess.availablePassengerType}}</td>
				<td>{{mess.period}}</td>
			</tr>			
		</table>
	</div>
	<div class="explain">
		<ul class="ulLeft">
			<li style="background:url(../image/theBack/change.jpg) left center no-repeat">
				<div>
					<p>
						<b style="line-height:22px;">更改说明</b></br>
						<span>{{endorsementRule[0].changeRule}}</span>
					</p>
				</div>
			</li>
			<li style="background:url(../image/theBack/change2.jpg) left center no-repeat">
				<div>
					<p>
						<b style="line-height:22px;">签转说明</b></br>
						<span>{{endorsementRule[0].endorseRule}}</span>
					</p>
				</div>
			</li>
			<li style="background:url(../image/theBack/change3.jpg) left center no-repeat">
				<div>
					<p>
						<b style="line-height:22px;">退改签备注</b></br>
						<span>暂无</span>
					</p>
				</div>
			</li>
		</ul>
		<ul class="ulRight">
			<li style="background:url(../image/theBack/change4.jpg) left center no-repeat">
				<div>
					<p>
						<b style="line-height:22px;">退票说明 </b></br>
						<span>{{endorsementRule[0].refundRule}}</span>
					</p>
				</div>
			</li>
			<li style="background:url(../image/theBack/change5.jpg) left center no-repeat">
				<div>
					<p>
						<b style="line-height:22px;">废票备注</b></br>
						<span>{{endorsementRule[0].remark}}</span>
					</p>
				</div>
			</li>
			<li style="background:url(../image/theBack/change6.jpg) left center no-repeat">
				<div>
					<p>
						<b style="line-height:22px;">退改签补充规定</b></br>
						<span>暂无</span>
					</p>
				</div>
			</li>
		</ul>
	</div>
</div>